<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
	<meta name="format-detection" content="telephone=no">
	<title>{$site_seo_title}</title>
	<base id="headbase" href="__TMPL__/seatsel/" />
	{include file="./tplnew/public/css_weui.html" /}
	<link rel="stylesheet" href="css/style.css?{$suffix}" />
	<link rel="stylesheet" href="__STATIC__/Zz22zzUI/addon/swiper/swiper.min.css">
</head>
<body class="body-fixed-bottom">

<!--顶部搜索-->
<header class="weui-header">
	<div class="weui-search-bar" id="searchBar">
		<form method="get" action="{:url('seatsel/classify/index')}" class="weui-search-bar__form">
			<div class="weui-search-bar__box">
				<i class="weui-icon-search"></i>
				<input type="search" name="keyword" class="weui-search-bar__input" id="searchInput" placeholder="搜索您想要的商品" required>
				<a href="javascript:" class="weui-icon-clear" id="searchClear"></a>
			</div>
			<label class="weui-search-bar__label" id="searchText" style="transform-origin: 0px 0px 0px; opacity: 1; transform: scale(1, 1);">
				<i class="weui-icon-search"></i>
				<span>搜索您想要的商品</span>
			</label>
		</form>
		<a href="javascript:" class="weui-search-bar__cancel-btn" id="searchCancel">取消</a>
	</div>
</header>

<div class="weui-content">

<!--图片轮播-->
<div class="swiper-container slide-container">
	<div class="swiper-wrapper">
		{volist name="slideList" id="vo"}
			<div class="swiper-slide"><a href="{$vo['link']}"><img src="{$vo['picurl']}"></a></div>
		{/volist}
	</div>
	<div class="swiper-pagination"></div>
</div>

<!--图标分类-->
<div class="wy-iconlist-box cc">
	{volist name="categoryList" id="vo"}
		<div><a href="{:url('seatsel/index/index', ['cid'=>$vo['id']])}" class="wy-links-iconlist"><div class="img"><img src="{$vo['picurl']}"></div><p>{$vo['name']}</p></a></div>
	{/volist}
</div>

<!--精选推荐-->
<div class="wy-Module-tit2"><span>精选推荐</span></div>

<div class="wy-Module-list">
	<div class="wy-Module-list-con">
		{volist name="recommendList" id="vo"}
		<a href="{:url('seatsel/product/detail', array('pid'=>$vo['id']))}" class="weui-media-box weui-media-box_appmsg">
			<div class="weui-media-box__hd">
				<img class="weui-media-box__thumb" src="{$vo['picurl']}" />
			</div>
			<div class="weui-media-box__bd">
				<h4>{$vo['name']}</h4>
				{if condition="$vo['start_time']"}
				<p class="showlisttime">{$vo['start_time_show']} - {$vo['end_time_show']}</p>
				{/if}
				<p>{$vo['place']}</p>
				<ul class="button-box">
					<li><span class="seat">座</span></li>
					<li><span class="sell">在售</span></li>
					<li><span class="discount">优惠</span></li>
				</ul>
				<strong>{$vo['price_section']}<span style="font-size:0.22rem;">元</span></strong>
			</div>
		</a>
		{/volist}
	</div>
</div>

<div class="morelinks"></div>

</div>

<!-- bottom nav start -->
{include file="./tplnew/seatsel/com_footer.html" /}
<!-- bottom nav end -->

<?php
$layerStyle = 2;
$nofastclick = 1;
?>
{include file="./tplnew/seatsel/com_body.html" /}
{include file="./tplnew/public/script_weui.html" /}
{include file="./tplnew/seatsel/com_script.html" /}

<!--图片轮播-->
<script type="text/javascript" src="__STATIC__/Zz22zzUI/addon/swiper/swiper.jquery.min.js"></script>
<script type="text/javascript">
var slideSwiper = new Swiper('.slide-container', {
	loop: true,
	pagination: '.swiper-pagination',
	autoplay: 3000,
})
var toutiaoSwiper = new Swiper('.toutiao-slider', {
	loop: true,
	direction: 'vertical',
	//speed: 500,
	autoplay: 5000,
})
</script>
<!-- 图片轮播 END -->

<!-- 分享相关 -->
{include file="./tplnew/public/com_share.html" /}

</body>
</html>